import React from 'react'

import { Layout } from 'antd'
import Menu from '../components/menu/index'
import './index.css'

const { Content, Sider } = Layout

const Layouts = ({ children }) => {
  return (
    <Layout style={{ height: '100vh' }}>
      <Sider>
        <div className="website-log">
          {/* 烧卖购 */}
          <div className="website-name"></div>
        </div>
        <Menu />
      </Sider>
      <Layout style={{ padding: '0px', background: '#fff' }}>
        {/* 插槽，放置子组件 */}
        <Content>{children}</Content>
      </Layout>
    </Layout>
  )
}

export default Layouts
